// pages/details/details.js
import Toast from '../../miniprogram_npm/@vant/weapp/toast/toast';
const computedBehavior = require('miniprogram-computed')

Page({

  /**
   * 页面的初始数据
   */
  data: {
    details: {},
    date: '',
    time: 0,
    timeData: {},
    checked: false,
    id: '',
    collectArr: []
  },

  onTimeChange(e) {
    let t = e.detail
    this.setData({
      timeData: e.detail
    });
    let time = this.data.timeData
    if (time.days == 0 && time.hours == 0 && time.minutes == 0 && time.seconds == 0) {
      Toast.success('阅读完成');
    }
  },

  // 补零
  fillZero(num) {
    return num < 10 ? '0' + num : num
  },

  // 确定收藏
  onSwitchChange({
    detail
  }) {
    let arr = wx.getStorageSync('collect') || [],
      id = this.data.id
    if (arr.length >= 20 && !this.data.checked) {
      Toast.fail('收藏空间已满！最多可以收藏20个项目');
    } else {
      this.setData({
        checked: detail
      });
      if (this.data.checked) {
        arr.indexOf(id) == -1 && arr.push(id)
      } else {
        arr.splice(arr.indexOf(id), 1)
      }
      wx.setStorageSync('collect', arr)
      this.setData({
        collectArr: arr
      })
    }
  },

  getDetails(id) {
    wx.request({
      url: 'http://172.20.10.5:3001/msbd/get-details',
      data: {
        id
      },
      success: res => {
        this.setData({
          details: res.data.data[0],
          date: res.data.data[0].date.split(" ")[0],
          time: (res.data.data[0].time) * 60 * 1000
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getDetails(options.id)
    let arr = wx.getStorageSync('collect')
    this.setData({
      id: options.id,
      checked: arr.indexOf(options.id) != -1 ? true : false
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})


// Component({
//   behaviors: [computedBehavior],
//   data:{
//     checked: false
//   },
//   watch: {

//   }
// })